<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Simple Browser</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="browser-container">
        <!-- 工具栏 -->
        <div class="toolbar">
            <div class="toolbar-left">
                <button id="backBtn" class="toolbar-btn" title="后退">←</button>
                <button id="forwardBtn" class="toolbar-btn" title="前进">→</button>
                <button id="reloadBtn" class="toolbar-btn" title="刷新">↻</button>
                <button id="homeBtn" class="toolbar-btn" title="主页">🏠</button>
            </div>
            
            <div class="address-bar-container">
                <input type="text" id="addressBar" class="address-bar" placeholder="输入网址或搜索...">
                <button id="goBtn" class="go-btn">前往</button>
            </div>
            
            <div class="toolbar-right">
                <button id="newTabBtn" class="toolbar-btn" title="新建标签页">+</button>
                <button id="closeTabBtn" class="toolbar-btn" title="关闭标签页">×</button>
            </div>
        </div>

        <!-- 标签页栏 -->
        <div class="tab-bar">
            <div id="tabList" class="tab-list">
                <!-- 标签页将在这里动态生成 -->
            </div>
        </div>

        <!-- 网页内容区域 -->
        <div class="content-area">
            <webview id="webview" src="https://www.baidu.com/" allowpopups webpreferences="javascript=yes, sandbox=no"></webview>
        </div>

        <!-- 状态栏 -->
        <div class="status-bar">
            <span id="statusText">就绪</span>
            <span id="versionText"></span>
        </div>
    </div>

    <script src="renderer.js"></script>
</body>
</html> 